<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
    maximum-scale=1.0, user-scalable=0" />
        <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/04.css">
  
 
</head>
<body>
     
  <div class="main">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
              <img src="./SecondHandList/img.png" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./SecondHandList/img1.png" alt="">
        </div>

        <div class="swiper-slide">
            <img src="./SecondHandList/img2.png" alt="">
        </div>
        <div class="swiper-slide">
            <img src="./SecondHandList/img3.png" alt="">
        </div>
        
  </div>
  <!-- 轮播图下面的字样式 -->
  <ul class="banner-lun">
    <li>天鹅湾小区精装两居，满五唯一，<br> 业主换房急售</li>
    <li>
      <span>576</span>万元（单价： 46327元/平）
      <span><img src="./SecondHandList/phone.png" alt=""></span>
    </li>
    <li>挂牌时间2015年6月20日</li>
    <li>
      <span>学区房</span>
      <span>独家</span>
      <span>满五唯一</span>
    </li>
  </ul>

  <!-- 房子的详细信息 -->
  <ul class="xin-xi">
    <li>
      <span>户型：3室2厅</span>
      <span>面积：100平</span>
    </li>
    <li>
      <span>楼层：中楼层</span>
      <span>朝向：西南</span>
    </li>
    <li>
      <span>装修：精修</span>
      <span>楼型：塔楼</span>
    </li>
    <li>
      <span>年代：2004年</span>
      <span>区域：西二旗</span>
    </li>
    <li>
      <span>首付：123万</span>
      <span>月供：15678元</span>
    </li>
    <li>
      <span>地铁：离西二旗地铁站800米</span>
    </li>
    <li>
      <span>小区：珠江帝景</span>
    </li>
    <li>
      <span>学校：北京市第二实验小学</span>
    </li>
    <li>
      <span>更多房源信息</span>
    </li>

  </ul>
  <!-- 房源特色 -->
  <ul class="house">
      <li>
        房源特色
        </li>
      <li>
        小区环境优雅，虽处闹市中（小区南200米有美联美超市、西
        30米有华联商场、星美国际影城、东北角就 是大中电器 ）
      </li>
      <li>更多特色</li>
  </ul>

  <!-- 位置及周边 -->
  <ul class="wei-zhi">
   <li>位置及周边</li>
   <li>
    <img src="./SecondHandList/map.png" alt="">
   </li>
  </ul>


  <!-- 底部制作 -->
  <footer>
    <div class="foot">
      北京找房无忧 > 首页
    </div>
    <div class="foot">
      <div class="fo">
        <span></span>
        <span>iphon <br> 客户端</span>
      </div>
      <div class="fo">
        <span></span>
        <span>iphon <br> 客户端</span>
      </div>
    </div>
    <div class="foote">北京找房无忧房地产经纪公司 <br>
     网络经营许可证京ICP备20160812号
    </div>
  </footer>

    <script src="./js/flexible.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        
var swiper = new Swiper(".mySwiper", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: {
    delay: 2500,
    disableOnInteraction: false,
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});
    </script>
</body>
</html>